<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Kroki!</title>
    <style>{stylesheet}</style>
  </head>
<body>
<section class="section">
  <div class="container">
    <a href="https://kroki.io" target="_blank" rel="noopener noreferrer">{logo}</a>
    <h1 class="subtitle">Creates <strong>diagrams</strong> from <strong>textual</strong> descriptions!</h1>
    <div class="content">
      <p>
        Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), D2, DBML, Diagrams.net (experimental), Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, Symbolator, UMLet, Vega, Vega-Lite, WaveDrom and WireViz... and more to come!
      </p>
    </div>

    <h2 class="title is-2">Versions</h2>
    <div class="content">
      {versionsTable}
    </div>

    <h3 class="title is-2">About</h3>
    <div class="content">
      <p>
        Kroki provides a production-grade service with great performance and SLA.
        If you want to know more, please <a href="mailto:hello@kroki.io">👋 contact us</a>.
      </p>
    </div>
  </div>
</section>
<footer class="footer">
  <div class="content has-text-centered">
    <p>
      <a href="https://kroki.io" target="_blank" rel="noopener noreferrer">{logo}</a> by <a href="https://yuzutech.fr">Yuzu tech</a>.
    </p>
    <p>
      <span class="tag">{appVersion} ({appSHA1})</span>
    </p>
  </div>
</footer>
</body>
</html>
